$(function () {
    // 需求1：昵称校验
    let form = layui.form
    form.verify({
        nickname: [
            /^[\S]{1,10}$/,
            '昵称必须是1-10位字符！'
        ]
    })

    // 需求2：初始化渲染用户信息
    initUserinfo()
    function initUserinfo() {
        axios({
            method: 'GET',
            url: '/my/userinfo',
        }).then(res => {
            // console.log(res.data);
            if (res.data.status !== 0) {
                return layui.layer.msg(res.data.message)
            }
            /* // 渲染登录名
            $('input[name=username]').prop('value', res.data.data.username)
            // 渲染默认昵称
            $('input[name=nickname]').prop('value', res.data.data.nickname)
            // 渲染默认邮箱
            $('input[name=email]').prop('value', res.data.data.email)
             */
            // 利用layUI.form方法批量给表单赋值
            form.val('formUserinfo', res.data.data)
        })
    }

    // 需求3：重置事件
    $('form').on('reset', function (e) {
        // 阻止表单默认提交事件
        e.preventDefault()
        // 点击重置重新渲染用户信息
        initUserinfo()
    })

    // 需求4：提交事件
    $('form').on('submit', function (e) {
        // 阻止表单默认提交事件
        e.preventDefault()
        // 提交ajax
        axios({
            method: 'POST',
            url: '/my/userinfo',
            data: $('form').serialize(),
        }).then(res => {
            // console.log(res.data);
            if (res.data.status !== 0) {
                return layui.layer.msg(res.data.message)
            }
            layui.layer.msg("恭喜您！提交成功")
            // 提交成功后渲染index页面的欢迎词
            // 当前页面和index页面是父子级嵌套关系
            window.parent.getUserinfo()
        })
    })












})